@bgcolor:#f6f6f6;
@blue:#0CC;
@header:#f0f0f0;
*{
    padding: 0px;
    margin: 0px;
}
body{
    font-family:"Microsoft Yahei",微软雅黑 !important;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

.grey{
    width: 100%;
    height: 60px;
    background: @bgcolor;
}
.category{
    width: 100%;
    height: auto;
    background: @bgcolor;
    .category_in{
        width: 1140px;
        height: auto;
        margin: auto;
        background: #fff;
        position: relative;
        p{
          width: 231px;
          height: 66px;
          font-size: 28px;
          text-align: center;
          color: #999;
          background: #fff;
          box-shadow: 4px 3px 0px 0px rgba(0, 0, 0, 0.1);
          line-height: 66px; 
          position: absolute;
          top: -19px;
          left: 454px;        
        }
        .category_top{
            width: 1140px;
            height: 92px;
            background: #fff;
        }
        .category_things{
            float: left;
            width: 528px;
            height: 534px;
            margin-bottom: 40px;
            margin-left: 21px;
            margin-right: 21px;
            background: #fff;
            box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
            position: relative;
            &:hover{
                .category_title{
                    box-shadow: 5px 5px 0px 0px #ffa128;
                }
            }
            .category_title{
                display: block;
                width: 423px;
                height: 54px;
                line-height: 54px;
                text-align: center;
                font-size: 16px;
                color: #0CC;
                background: #fff;
                position: absolute;
                top: 288px;
                left: 51px;
                box-shadow: 5px 5px 0px 0px #e5e5e5;
            }
            .slidenav{
                width: 100%;
                height: 154px;
                margin: 40px 0px 20px;
                ul{
                    li{
                        max-width: 112px;
                        width: 100%;
                        float: left;
                        margin: 0px 0px 0px 10%;
                        .slide{
                            font-size: 14px;
                            color: #00CCCC;
                            line-height: 20px;
                            &:hover{
                                background: #0CC none repeat scroll 0% 0%;
                                color: #FFF;                               
                            }
                        }
                        .shenglve{
                            font-size: 30px;
                            color: #E9E9E9;
                            line-height: 20px;
                        }                     
                    }
                }
            }
        }
    }
}
.jingxuan{
    width: 100%;
    height: 791px;
    background: @bgcolor;
    .jingxuan_in{
        width: 1140px;
        height: 791px;
        margin: 0px auto;
        p{
            width: 100%;
            height: 90px;
            font-size: 30px;
            color: #999;
            text-align: center;
            line-height: 90px;
        }
        .jingxuan_shop{
            width: 1140px;
            height: 701px;
            img{
               width: 100%;
               height: auto;
            }
            .jingxuan_little{
               float: left;
               width: 243px;
               height: 316px;
               margin-left: 21px;
               margin-right: 21px;
               margin-bottom: 70px;
               position: relative;
               &:hover{
                   .jingxuan_title{
                       box-shadow: 5px 5px 0px 0px #FFA128;
                   }
               }
               .jingxuan_title{
                   display: block;
                   width: 195px;
                   height: 55px;
                   line-height: 55px;
                   text-align: center;
                   font-size: 16px;
                   color: #54D6D6;
                   background: #fff;
                   box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                   position: absolute;
                   top: 281px;
                   left: 24px;
               }
            }
            .jingxuan_big{
                float: left;
                width: 528px;
                height: 314px;
                margin-left: 21px;
                margin-right: 21px;
                margin-bottom: 70px;
                position: relative;
                &:hover{
                    .big_title{
                        box-shadow: 5px 5px 0px 0px #FFA128;
                    }
                }                
                .big_title{
                    display: block;
                    width: 423px;
                    height: 55px;
                    line-height: 55px;
                    text-align: center;
                    font-size: 16px;
                    color: #54D6D6;
                    background: #fff;
                    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                    position: absolute;
                    left: 52px;
                    top: 280px;
                }
            }
        }
    }
}
.bigword{
    width: 100%;
    height: 248px;
    background: @bgcolor;
    p{
        font-size: 30px;
        color: #999;
        text-align: center;
        line-height: 248px;        
    }
}
.more_out{
    width: 100%;
    height: 369px;
    background: #fff;
    .cin{       
        width: 100%;
        height: 9px;
        background: url(../images/ico/footer2_bg.gif);
    }
    .more_in{
        width: 1100px;
        height: 359px;
        margin: auto;
        position: relative; 
        .edcode{
            position: absolute;
            top: 110px;
            right:100px;
        }
        .more_top{
            width: 1100px;
            height: 89px;
            float: left;
        }
        .morejingcai{
            float: left;
            margin: 0px 0px 0px 75px;
            p{
                font-size: 20px;
                color: #06C7D3;
                margin-bottom: 10px;
            }
            ul{
                li{
                    a{
                        font-size: 14px;
                        color: #4A4A4A;
                        &:hover{
                            background: #0CC none repeat scroll 0% 0%;
                            color: #FFF;
                        }
                    }
                }
            }
        }
        .women{
           float: left;
           margin: 0px 0px 0px 170px; 
           p{
               font-size: 20px;
               color: #06C7D3;
               margin-bottom: 10px;
           }
           ul{
               li{
                  span{
                      font-size: 14px;
                      color: #4a4a4a;
                  } 
               }
           }
        }
        .guanzhu{
            float: left;
            margin: 0px 0px 0px 100px;
            p{
               font-size: 20px;
               color: #06C7D3;
               margin-bottom: 10px;   
            }
            ul{
                .ewm{
                    img{
                        display: none;
                        position: absolute;
                        top: 119px;
                        left: 569px;
                    }
                    &:hover{
                        img{
                            display: block;
                        }
                    }
                }
                li{
                    width: 140px;
                    height: 29px;
                    margin-bottom: 10px;
                    a{
                      display:block;
                      float: left;
                      height: 29px;
                      line-height: 29px;
                      font-size: 14px;
                      color: #4a4a4a;                
                    }
                    .sina{
                        display:block;
                        float: left;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat;
                        margin-right: 10px;
                    }
                    .qq{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -39px;
                        margin-right: 10px;
                    }
                    .douban{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -78px;
                        margin-right: 10px;
                    } 
                    .renren{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -117px;
                        margin-right: 10px;
                    }
                     .weixin{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -157px;
                        margin-right: 10px;
                    }                                                                                           
                }
            }
        }
    }
}

.bottom{
    width: 100%;
    height: 366px;
    background:#07c7d3;
    .footer{
        width:1100px;
        height: 366px;
        margin: auto;
        .footitle{
            width: 1100px;
            height:135px;
            p{
                color: #fff;
                font-size: 30px;
                line-height: 135px;
                text-align: center;
            }             
        }
        .footernav{
            width: 1100px;
            height: 20px;
            .box{
                text-align: center;
                height: 20px;
                a{
                    text-align: center;
                    font-size: 13px;
                    color: #fff;
                    line-height: 20px;
                    margin-right:8px ;
                }
            }
        }
        .footermsg{
            width: 1100px;
            height: 20px;
            margin-top: 18px;
            p{
                text-align: center;
                font-size: 13px;
                color: #fff;
                line-height: 20px;                
            }
        }
        .footerpic{
            width: 1100px;
            height: 58px;
            margin-top: 43px;
            .botpic{
                width: 370px;
                height: 58px;
                margin:0px auto;
                background: #FFF none repeat scroll 0% 0%;
                border-radius: 8px;
                img{
                    width: 112px;
                    height: 42px;
                    padding-top: 9px;
                    padding-left: 6px;
                }
            }
        }
    }
}












